<template>
	<view >
		
		
		<view class="card">
			<view class="line">
				<view class="">{{$t("team.accumulate-deal")}}:</view>
				<view class="num">{{list.accuTransactions}}{{$t("public.single")}}</view>
			</view>
			<view class="line">
				<view class="">{{$t("team.accumulate-income")}}:</view>
				<view class="num">{{list.accuIncome}}U</view>
			</view>
		</view>
		 <!-- @click="detail('/pages/users/sale_price/detail')" -->
		<view class="card_detail" v-for="item in list.userStoreSells">
			<view class="tit">
				<view class="">{{item.updateTime}}</view>
				<view class="profit">+{{item.profit || 0}}U</view>
			</view>
			<view class="tit">
				<view class="">{{$t("order.no")}}:</view>
				<view class="">{{item.orderNo}}</view>
			</view>
			<view class="tit">
				<view class="">{{$t("product.name")}}:</view>
				<view class="">{{item.productName}}</view>
			</view>
			<view class="tit">
				<view class="">{{$t("product.buy-price")}}:</view>
				<view class="">{{item.price}}</view>
			</view>
			<view class="tit">
				<view class="">{{$t("product.sale-price")}}:</view>
				<view class="">{{item.photosPrice}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { consignment  } from '@/api/new.js';
	export default {
		data() {
			return {
				list:{}
			}
		},
		onShow(){
			uni.setNavigationBarTitle({
				title:this.$t('user.consignment-proceeds')
			})
			consignment().then(res=>{
							console.log(res,'res');
							this.list = res.data
							
						})
		},
		methods: {
			detail(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style scoped lang='scss'>
	.card{
		margin: 10px;
		padding: 10px 16px;
		background-color: #fff;
		border-radius: 8px;
	}
.line{
	padding: 10px;
	display: flex;
	
}
.num{
	font-weight: bold;
	}
	.card_detail{
		margin: 20px 10px;
		padding: 10px 10px;
		/* height: 300px; */
		background-color: #fff;
		border-radius: 8px;
	}
	.tit{
		display: flex;
		justify-content: space-between;
		margin: 10px 0;
		
	}
	.profit{
		color:#779940
	}
</style>
